﻿<html>
    <head>
    <meta charset="UTF-8"/>
    <meta name="Keywords" content=""/>
    <meta name="Description" content=""/>
    <title>What'on</title>
    <link type="text/css" href="css/all.css" rel="stylesheet" />
    <script type="text/javascript" src="js/jquery.js"></script>
    <style>
	.breadcrumbs { width: 800px; text-align: left; margin-top: 20px; }
	.breadcrumbs p { text-transform: uppercase; font-weight: bold;}
	.breadcrumbs a { display: inline-block; padding: 1px 17px 0 0; margin-right: 10px; background: url('images/bc-arrow.gif') right no-repeat; color: #1D2339; }
	
	.container { text-align: left; width: 620px; }
	.side-nav { width: 280px; height: 450px;margin-top:20px; }
	.side-nav .service-rate { }
	.side-nav .service-rate li h3 { background: url(images/01.png) no-repeat 25px center; color: #000; font-size: 16px; }
	.side-nav .service-rate li a { height: 24px; line-height: 24px; font-size: 12px; overflow: hidden; margin-left: 10px; display: block; color: #424278; background: url(images/jticon.png) no-repeat scroll 45px 5px; }
	
	form.member p { position: relative; }
	form.member p span { float:left;height: 46px; line-height:46px;width:80px;}
.member input.inp {  background: url("images/input.png") no-repeat scroll -2px -2px; border: 0 none; height: 46px;*line-height:46px;font-size:12px; width: 288px; text-indent: 5px;padding-right:5px;display:block; }
.member input.sex,.member label{height:46px;line-height:46px;float:left;margin-right:8px;}
.member label{margin-right:15px;}
.member p.loginHint { color: #9EA7B3; font-size: 10px; margin-bottom: 10px; word-spacing: -1px; }
.member p.loginHint { color: #9EA7B3; font-size: 10px; margin-bottom: 10px; word-spacing: -1px; }
input.loginimage { background: url("images/secure-login.png"); border: 0 solid #FFFFFF; cursor: pointer; height: 53px; margin-left: -5px; width: 299px;color:#fff;font-size:18px; font-weight:bold; }
	</style>
    </head>
<body>
 <#include "${base!}/front/header.html"/>
<div class="main">
  <div class="wrap">
  <div class="breadcrumbs">
              <p>
                <a href="#">Member</a> <span class="access"></span>
                <a href="#">Account management</a> <span class="access"></span>
                <a href="#">personal data</a> <span class="access"></span>
              </p>
            </div>
          <div class="fleft side-nav">
                  <ul class="service-rate">
                  <li>
                      <h3>Account management</h3>
                  </li>
                  <li>
                      <a class="track " href="member.html">personal data</a>
                  </li>
                  <li>
                      <a class="track" href="memberpwd.html">change password</a>
                  </li>
                  </ul>
              </div>
			<div class="fright container" >
            <form id="form1" class="member" style="margin-top:20px">
                <p><span>昵称：</span><input type="text" class="inp"/></p>
                <p class="loginHint"></p>
                <p><span>真实姓名：</span><input type="text" class="inp"/></p>
                <p class="loginHint"></p>
                <p><span>性别：</span>
                <input type="radio" name="sex" class="sex"/><label>男</label>
                <input type="radio" name="sex" class="sex"/><label style="float:none">女</label></p>
                <p class="loginHint"></p>
                <p><span>生日：</span><input type="text" class="inp"/></p>
                <p class="loginHint"></p>
                <p><span>居住地：</span><input type="text" class="inp"/></p>
                <p class="loginHint"></p>
                <input type="button" class="loginimage" border="0" value="Save" style="margin-left:75px"/>
            </form>
			</div>
  		</div>
</div>
<#include "${base!}/front/footer.html"/>
</body>
</html>
